<link type="text/css" rel="stylesheet"
	href="static/cms/www/default/css/piccontext.css" />
<script src="static/cms/www/default/js/piccontent.min.js"
	type="text/javascript"></script>
<div class="main container clearfix">
	<!--弹出层开始-->
	<div class="bodymodal"></div>
	<!--播放到第一张图的提示-->
	<div class="firsttop" style="left: 656.5px;">
		<div class="firsttop_right">
			<div class="close2">
				<a class="closebtn1" title="关闭" href="javascript:void(0)"></a>
			</div>
			<div class="replay">
				<h2 id="div-end-h2">已到第一张图片了。</h2>
				<p>
					<a class="replaybtn1" onclick="document.location.reload()">重新播放</a>
				</p>
			</div>
			<div class="pictwo">
				<ul>
					<li><a href="http://demo.jeecms.com/pic/114.jhtml"><img
							src="static/cms/www/201610/101308178wzr.jpg"></a>
						<div class="imgdivtext">
							<a href="http://demo.jeecms.com/pic/114.jhtml"
								title="科学家研制“隐身潜水服” 跟鲨鱼同游也不怕被发现">上一图集</a>
						</div></li>
					<li><a href="http://demo.jeecms.com/pic/7.jhtml"><img
							src="static/cms/www/201607/151530033koq.jpg"></a>
						<div class="imgdivtext">
							<a href="http://demo.jeecms.com/pic/7.jhtml"
								title="震撼的视角！2016年度无人机摄影大赛佳作大赏">下一图集</a>
						</div></li>
				</ul>
			</div>
			<div class="returnbtn">
				<a href="">返回图库首页</a>
			</div>
		</div>
	</div>
	<!--播放到最后一张图的提示-->
	<div class="endtop" style="left: 656.5px;">
		<div class="firsttop_right">
			<div class="close2">
				<a class="closebtn2" title="关闭" href="javascript:void(0)"></a>
			</div>
			<div class="replay">
				<h2 id="H1">已到最后一张图片了。</h2>
				<p>
					<a class="replaybtn2" onclick="document.location.reload()">重新播放</a>
				</p>
			</div>
			<div class="pictwo">
				<ul>
					<#if preTwContent??>
					<li><a href="#"><img
							src="${preTwContent.smallPicPath!}"></a>
						<div class="imgdivtext">
							<a href="#"
								title="${preTwContent.shortTitle!}">上一图集</a>
						</div></li>
					</#if>
					<#if nextTwContent??>
					<li><a href="#"><img
							src="${nextTwContent.smallPicPath!}"></a>
						<div class="imgdivtext">
							<a href="#"
								title="${nextTwContent.shortTitle!}">下一图集</a>
						</div></li>
					</#if>
				</ul>
			</div>
			<div class="returnbtn">
				<a href="/">返回图库首页</a>
			</div>
		</div>
	</div>
	<!--弹出层结束-->
	<!--图片特效内容开始-->
	<div class="piccontext">
		<h2>${content.title!}</h2>
		<div class="content-inf">
			发布时间：${content.releaseDate!}&nbsp;&nbsp;作者：${content.author!'本站编辑'}&nbsp;&nbsp;来源：${(cmsContentItem.origin)!'本站原创'}&nbsp;&nbsp;浏览次数：0<span
				id="views">0</span>
			<div class="content-action">
				<a class="content-comment" href="#">我有话说</a>
				| <span class="content-share">分享
					<ul id="content-share-list"
						class="bdsharebuttonbox bdshare-button-style0-16"
						data-bd-bind="1484556865547">
						<li><a class="content_qq"
							onclick="window.open('http://connect.qq.com/widget/shareqq/index.html?url='+encodeURIComponent(document.location.href));return false;"
							title="分享到QQ">QQ好友</a></li>
						<li><a class="content_qqzone"
							onclick="window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+encodeURIComponent(document.location.href));return false;">QQ空间</a></li>
						<li><a class="content_weixin" data-cmd="weixin">微信好友</a></li>
						<li><a class="content_sina"
							href="javascript:window.open('http://v.t.sina.com.cn/share/share.php?title='+encodeURIComponent(document.title.substring(0,76))+'&amp;url='+encodeURIComponent(location.href)+'&amp;rcontent=','_blank','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes'); void 0">新浪微博</a></li>
					</ul>
				</span> | <a class="content-collect" id="collectCsiDiv"><span
					id="cancelSpan" style="display: none; cursor: pointer;">取消收藏</span>
					<span id="comfirmSpan" style="cursor: pointer;">收藏</span> <script
						type="text/javascript">
						$(function() {
							//        Cms.collectexist("","13","cancelSpan","comfirmSpan");
							//        $("#comfirmSpan").click(function(){
							//     	   Cms.collect("","13",1,"cancelSpan","comfirmSpan");
							//        });
							//        $("#cancelSpan").click(function(){
							//     	   Cms.collect("","13",0,"cancelSpan","comfirmSpan");
							//        });
						});
					</script> </a>
			</div>
		</div>
	</div>
	<!--大图展示-->
	<div class="picshow">
		<div class="picshowtop">
			<a href="#">
				<img src="static/cms/www/201607/19141216070j.jpg" alt="" id="pic1" curindex="0">
			</a> 
			<a id="preArrow" href="javascript:void(0)" class="contextDiv" title="上一张">
				<span id="preArrow_A" style="display: none;"></span>
			</a> 
			<a id="nextArrow" href="javascript:void(0)" class="contextDiv" title="下一张">
				<span id="nextArrow_A" style="display: none;"></span>
			</a>
		</div>
		
		<div class="picshowtxt">
			<div class="picshowtxt_left">
				<span>1</span>/<i>${content.cmsContentPicItems?size}</i>
			</div>
			<div class="picshowtxt_right">7月18日，中国空军新闻发言人申进科大校在北京宣布：中国空军近日组织了航空兵赴南海战斗巡航。这次南海战巡，空军出动轰-6K飞机赴黄岩岛等岛礁附近空域进行了巡航。</div>
		</div>
		<div class="picshowlist">
			<!--上一条图库-->
			<#if preTwContent??>
			<div class="picshowlist_left">
				<div class="picleftimg">
					<a href="#"><img
						src="${preTwContent.smallPicPath!}"></a>
				</div>
				<div class="piclefttxt">
					<a href="#">${preTwContent.shortTitle!}</a>
				</div>
			</div>
			</#if>
			<div class="picshowlist_mid">
				<div class="picmidleft">
					<a href="javascript:void(0)" id="preArrow_B"><img
						src="static/cms/www/default/images/left1.jpg" alt="上一个"></a>
				</div>
				<div class="picmidmid">
					<ul>
						<#list content.cmsContentPicItems as tw>
						<li>
							<a href="javascript:void(0);"><img
								src="${tw.imgPath}" alt=""
								bigimg="${tw.imgPath}"
								text="xxxxxxxx"
								class="selectpic">
								</a>
						</li>
						</#list>
					</ul>
				</div>
				<div class="picmidright">
					<a href="javascript:void(0)" id="nextArrow_B"><img
						src="static/cms/www/default/images/right1.jpg" alt="下一个"></a>
				</div>
			</div>
			<#if nextTwContent??>
			<!--下一张图库新闻-->
			<div class="picshowlist_right">
				<div class="picleftimg">
					<a href=""><img src="${nextTwContent.smallPicPath!}"></a>
				</div>
				<div class="piclefttxt">
					<a href="#">${nextTwContent.shortTitle!}</a>
				</div>
			</div>
			</#if>
		</div>
	</div>
</div>